﻿<!DOCTYPE HTML>
<html lang="zh-cn">
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>demo</title>
	<link href="../plugins/fullPage/jquery.fullPage.css" rel="stylesheet"/>
	<link href="../plugins/bootstrap-3.3.0/css/bootstrap.min.css" rel="stylesheet"/>
	<link href="../plugins/material-design-iconic-font-2.2.0/css/material-design-iconic-font.min.css" rel="stylesheet"/>
	<link href="../plugins/waves-0.7.5/waves.min.css" rel="stylesheet"/>
	<link href="../plugins/malihu-custom-scrollbar-plugin/jquery.mCustomScrollbar.min.css" rel="stylesheet"/>
	<link href="../css/demo.css" rel="stylesheet"/>
	<!--<link href="css/blog.css" rel="stylesheet"/>	-->

	<script src="../plugins/jquery.1.12.4.min.js"></script>
	<script src="../plugins/bootstrap-3.3.0/js/bootstrap.min.js"></script>
	<script src="../plugins/waves-0.7.5/waves.min.js"></script>
	<script src="../plugins/malihu-custom-scrollbar-plugin/jquery.mCustomScrollbar.concat.min.js"></script>
	<script src="../plugins/BootstrapMenu.min.js"></script>
	<script src="../plugins/device.min.js"></script>
	<script src="../plugins/fullPage/jquery.fullPage.min.js"></script>
	<script src="../plugins/fullPage/jquery.jdirk.min.js"></script>
	<script src="../plugins/jquery.cookie.js"></script>

	<script src="../js/admin.js"></script>

	<style>
		/** skins 动态设置body的id，统一改变主题色**/
		#theme1 #header {background: #0b8de5;}
		#theme1 .content_tab{background: #0b8de5;}
		#theme1 .s-profile>a{background: url(../images/zheng-oss.png) left top no-repeat;}

		#theme2 #header {background: #455EC5;}
		#theme2 .content_tab{background: #455EC5;}
		#theme2 .s-profile>a{background: url(../images/zheng-cms.png) left top no-repeat;}

		#theme3 #header {background: #F06292;}
		#theme3 .content_tab{background: #F06292;}
		#theme3 .s-profile>a{background: url(../images/zheng-pay.png) left top no-repeat;}

		#theme4 #header {background: #6539B4;}
		#theme4 .content_tab{background: #6539B4;}
		#theme4 .s-profile>a{background: url(../images/zheng-ucenter.png) left top no-repeat;}

		#theme5 #header {background: #29A176;}
		#theme5 .content_tab{background: #29A176;}
		#theme5 .s-profile>a{background: url(../images/zheng-upms.png) left top no-repeat;}
	</style>
</head>
<body>
<header id="header">
	<ul id="menu">
		<li id="logo" class="hidden-xs">
			<a href="../html/index.html">
				<i class="him-icon zmdi zmdi-balance" style="font-size: 33px; line-height: 36px;color: #fff;"></i>
			</a>&nbsp;
			<span id="system_title">后台管理系统</span>
		</li>
		<li class="pull-right">
			<ul class="hi-menu">
				<li class="dropdown">
					<a class="waves-effect waves-light" data-toggle="dropdown" href="javascript:;">
						<i class="him-icon zmdi zmdi-dropbox"></i>
					</a>
					<ul class="dropdown-menu dm-icon pull-right">
						<li class="skin-switch">
							请选择主题颜色
						</li>
						<li class="divider"></li>
						<li>
							<a class="waves-effect switch-systems" href="javascript:;" systemname="theme1"><i class="zmdi zmdi-shield-security"></i> 浅蓝</a>
						</li>

						<li>
							<a class="waves-effect switch-systems" href="javascript:;" systemname="theme2"><i class="zmdi zmdi-wikipedia"></i> 深蓝</a>
						</li>

						<li>
							<a class="waves-effect switch-systems" href="javascript:;" systemname="theme3"><i class="zmdi zmdi-paypal-alt"></i> 红色</a>
						</li>

						<li>
							<a class="waves-effect switch-systems" href="javascript:;" systemname="theme4"><i class="zmdi zmdi-account"></i> 紫色</a>
						</li>

						<li>
							<a class="waves-effect switch-systems" href="javascript:;" systemname="theme5"><i class="zmdi zmdi-cloud"></i> 绿色</a>
						</li>
					</ul>
				</li>
				<li class="dropdown">
					<a class="waves-effect waves-light" data-toggle="dropdown" href="javascript:;">
						<i class="him-icon zmdi zmdi-more-vert"></i>
					</a>
					<ul class="dropdown-menu dm-icon pull-right">
						<li class="hidden-xs">
							<a class="waves-effect" data-ma-action="fullscreen" href="javascript:fullPage();"><i class="zmdi zmdi-fullscreen"></i> 全屏模式</a>
						</li>
						<li>
							<a class="waves-effect" data-ma-action="clear-localstorage" href="javascript:;"><i class="zmdi zmdi-delete"></i> 清除缓存</a>
						</li>
						<li>
							<a class="waves-effect" href="javascript:;"><i class="zmdi zmdi-face"></i> 隐私管理</a>
						</li>
						<li>
							<a class="waves-effect" href="javascript:;"><i class="zmdi zmdi-settings"></i> 系统设置</a>
						</li>
						<li>
							<a class="waves-effect" href="javascript:;"><i class="zmdi zmdi-run"></i> 退出登录</a>
						</li>
					</ul>
				</li>
			</ul>
		</li>
	</ul>
</header>
<!--/头部-->
<section id="main">
	<!-- 左侧导航区 -->
	<aside id="sidebar">
		<!-- 个人资料区 -->
		<div class="s-profile">
			<a class="waves-effect waves-light" href="javascript:;">
				<div class="sp-pic">
					<img src="../images/avatar.jpg"/>
				</div>
				<div class="sp-info">
					欢迎登陆
					<i class="zmdi zmdi-caret-down"></i>
				</div>
			</a>
			<ul class="main-menu">
				<li>
					<a class="waves-effect" href="javascript:;"><i class="zmdi zmdi-account"></i> 个人资料</a>
				</li>
				<li>
					<a class="waves-effect" href="javascript:;"><i class="zmdi zmdi-face"></i> 隐私管理</a>
				</li>
				<li>
					<a class="waves-effect" href="javascript:;"><i class="zmdi zmdi-settings"></i> 系统设置</a>
				</li>
				<li>
					<a class="waves-effect" href="javascript:;"><i class="zmdi zmdi-run"></i> 退出登录</a>
				</li>
			</ul>
		</div>
		<!-- /个人资料区 -->
		<!-- 菜单区 -->
		<ul class="main-menu">
			<li>
				<a class="waves-effect" href="javascript:Tab.addTab('首页', 'home');"><i class="zmdi zmdi-home"></i> 首页</a>
			</li>
			<li class="sub-menu ">
				<a class="waves-effect" href="javascript:;"><i class="zmdi zmdi-accounts-list"></i> 系统组织管理</a>
				<ul>
					<li><a class="waves-effect" href="javascript:Tab.addTab('系统管理', '../html/crud.html');">系统管理</a></li>
					<li><a class="waves-effect" href="javascript:Tab.addTab('组织管理', '/manage/organization/index');">组织管理</a></li>
				</ul>
			</li>
			<li class="sub-menu ">
				<a class="waves-effect" href="javascript:;"><i class="zmdi zmdi-accounts"></i> 角色用户管理</a>
				<ul>
					<li><a class="waves-effect" href="javascript:Tab.addTab('角色管理', '/manage/role/index');">角色管理</a></li>
					<li><a class="waves-effect" href="javascript:Tab.addTab('用户管理', '/manage/user/index');">用户管理</a></li>
				</ul>
			</li>
			<li class="sub-menu ">
				<a class="waves-effect" href="javascript:;"><i class="zmdi zmdi-lock-outline"></i> 权限资源管理</a>
				<ul>
					<li><a class="waves-effect" href="javascript:Tab.addTab('权限管理', '/manage/permission/index');">权限管理</a></li>
				</ul>
			</li>
			<li class="sub-menu ">
				<a class="waves-effect" href="javascript:;"><i class="zmdi zmdi-menu"></i> 标签类目管理</a>
				<ul>
					<li><a class="waves-effect" href="javascript:Tab.addTab('标签管理', '/manage/tag/index');">标签管理</a></li>
					<li><a class="waves-effect" href="javascript:Tab.addTab('类目管理', '/manage/category/index');">类目管理</a></li>
				</ul>
			</li>
			<li class="sub-menu " >
				<a class="waves-effect" href="javascript:;"><i class="zmdi zmdi-collection-text"></i> 文章内容管理</a>
				<ul>
					<li><a class="waves-effect" href="javascript:Tab.addTab('文章管理', '/manage/article/index');">文章管理</a></li>
					<li><a class="waves-effect" href="javascript:Tab.addTab('回收管理', '/manage/article/recycle');">回收管理</a></li>
				</ul>
			</li>
			<li class="sub-menu ">
				<a class="waves-effect" href="javascript:;"><i class="zmdi zmdi-more"></i> 其他数据管理</a>
				<ul>
					<li><a class="waves-effect" href="javascript:Tab.addTab('公共码表', '/manage/coder/index');">公共码表</a></li>
					<li><a class="waves-effect" href="javascript:Tab.addTab('会话管理', '/manage/session/index');">会话管理</a></li>
					<li><a class="waves-effect" href="javascript:Tab.addTab('日志记录', '/manage/log/index');">日志记录</a></li>
					<li><a class="waves-effect" href="javascript:Tab.addTab('键值设置', '/manage/map/index');">键值设置</a></li>
				</ul>
			</li>
			<li>
				<div class="upms-version">
					@1023984070@qq.com
				</div>
			</li>
		</ul>
		<!-- /菜单区 -->
	</aside>
	<!-- /左侧导航区 -->

	<!--右侧Tab区-->
	<section id="content">
		<div class="content_tab">
			<ul id="tabs" class="tabs">
				<li id="tab_home" data-index="home" data-closeable="false" class="cur">
					<a class="waves-effect waves-light">首页</a>
				</li>              
			</ul>
			<div class="tab_right">
				<a class="waves-effect waves-light" href="javascript:;"><i class="zmdi zmdi-chevron-right"></i></a>
			</div>
		</div>
		<div class="content_main">
			<div id="iframe_home" class="iframe cur">
				<p><h4>权限管理系统 <i style="color:#c00">(1111)</i></h4></p>
				<p><h4>系统功能概述：</h4></p>
				<p><b>系统组织管理</b>：系统和组织增加、删除、修改、查询功能。</p>
				<p><b>用户角色管理</b>：用户和角色增加、删除、修改、查询功能。</p>
				<p><b>资源权限管理</b>：资源和权限增加、删除、修改、查询功能。</p>
				<p><b>权限分配管理</b>：提供给角色和用户的权限增加、删除、修改、查询功能。</p>
				<p><b>单点登录(SSO)</b>：提供统一用户单点登录认证、用户鉴权功能。</p>
				<p><b>用户会话管理</b>：提供分布式用户会话管理</p>
				<p><b>操作日志管理</b>：提供记录用户登录、操作等日志。</p><br/>
				<p><h4>对外接口概述：</h4></p>
				<p><b>系统组织数据接口</b>、<b>用户角色数据接口</b>、<b>资源权限数据接口</b>、<b>单点登录(SSO)接口</b>、<b>用户鉴权接口</b></p><br/>
			</div>
		</div>
	</section>
	<!--/右侧Tab区-->
</section>
</body>
</html>